import { FC, memo } from 'react'
import { LeftHeaderWrapper } from './style'

interface IState {
  children?: React.ReactNode
  asideWidth: number
}

const LeftHeader: FC<IState> = memo((props) => {
  const { asideWidth } = props
  return (
    <LeftHeaderWrapper>
      <img src={require('@/assets/image/logo.png')} alt="logo" />
      {asideWidth === 200 ? (
        <div className="header_title">
          <span className="main_title">世界真的很大</span>
          <span className="main_subtitle">望你可以遨游其中</span>
        </div>
      ) : (
        ''
      )}
    </LeftHeaderWrapper>
  )
})

export default LeftHeader
